<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,width=device-width" />
<link rel="stylesheet" href="${basePath}/js/colorpicker/css/colorpicker.css" type="text/css" />
<link rel="stylesheet" href="${basePath}/js/colorpicker/css/custom.css?20151127" type="text/css" />
<title>智银华通-文章编辑器</title>
<link rel="shortcut icon" type="image/ico" href="${basePath}/favicon.ico?v=1"/>
</head>
<body>
	<div class="wxeditor">
		<div class="clearfix">
			<div class="left clearfix">
				<div class="tabbox clearfix" >
					<ul class="tabs" id="tabs">
						<li><a class="current" href="javascript:void(0);" tab="tab1">关注</a></li>
						<li><a href="javascript:void(0);" tab="tab2" class="">标题</a></li>
						<li><a href="javascript:void(0);" tab="tab3" class="">正文</a></li>
						<li><a href="javascript:void(0);" tab="tab4">分割线</a></li>
						<li><a href="javascript:void(0);" tab="tab5" class="">阅读全文</a></li>
						<li><a href="javascript:void(0);" tab="tab7">互推</a></li>
						<li><a href="javascript:void(0);" tab="tab8" class="">动态背景</a></li>
						<li><a href="javascript:void(0);" tab="tab9" class="">图文模版</a></li>
						<li><a href="javascript:void(0);" tab="tab10" class="">分享</a></li>
						<li><a href="javascript:void(0);" tab="tab11" class="">节日</a></li>
					</ul>
					<em class="fr"></em>
				</div>
				<div class="tplcontent">
					<div id="colorpickerbox">
						<p id="colorpickerHolder"></p>
					</div>
					<div>
						<div class="tab_con" id="tab1"></div>
						<div class="tab_con dn" id="tab2"></div>
						<div class="tab_con dn" id="tab3"></div>
						<div class="tab_con dn" id="tab4"></div>
						<div class="tab_con dn" id="tab5"></div>
						<div class="tab_con dn" id="tab7"></div>
						<div class="tab_con dn" id="tab8"></div>
						<div class="tab_con dn" id="tab9"></div>
						<div class="tab_con dn" id="tab10"></div>
						<div class="tab_con dn" id="tab11"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="${basePath}/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="${basePath}/js/colorpicker/colorpicker.js"></script>
	<script type="text/javascript">
		$(function(){
			var b=["borderTopColor","borderRightColor","borderBottomColor","borderLeftColor"],d=[];$.each(b,function(a){d.push(".itembox .wxqq-"+b[a])});
			$('#colorpickerHolder').ColorPicker({flat : true,color:"#00bbec",onChange:function(a,e,f){$(".itembox .wxqq-bg").css({backgroundColor:"#"+e});$(".itembox .wxqq-color").css({color:"#"+e});$.each(d,function(g){$(d[g]).css(b[g],"#"+e)})}});
			
			var map = {"tab1":"focus","tab2":"title","tab3":"content","tab4":"splite","tab5":"article",
						"tab7":"send","tab8":"background","tab9":"pictemplate","tab10":"share","tab11":"holiday"};
			$("#tab1").load("${basePath}/anno/wres/"+map["tab1"]);
			$("#tabs a").click(function(){
				$("#tabs .current").removeClass("current");
				var $a = $(this).addClass("current");
				var tab = $a.attr("tab");
				var $div = $("#"+tab);
				$(".tab_con").not(".dn").addClass("dn");
				$div.removeClass("dn");
				if(!$div.html()||$div.html()==""){
					$div.load("${basePath}/anno/wres/"+map[tab],function(){
						$('#colorpickerHolder').ColorPickerSetColor("#00bbec");
					});
				}
			});
			$(".itembox").live("click",function(){
				var html = this.innerHTML;
				window.parent.insertIntoUe(html);
			});
		});
	</script>
</body>
</html>